<template>
  <div class="page-box">
    <dataList
      placeholder="请输入项目名称"
      :pageInfo="pager"
      :listData="tableData"
      :selectData="selectionList"
      searchName="projectName"
      :menuList="['add',{test:'消息发送'},'delete']"
      :filterList="filterList"
      openSelection
      @menu-click="handleMenuClick"
    >
      <el-table :data="tableData" align="center" ref="multipleTable" @selection-change="$event => (selectionList = $event)">
        <el-table-column type="selection" width="55"></el-table-column>
        <el-table-column label="项目编号" prop="projectCode"></el-table-column>
        <el-table-column label="项目名称" prop="projectName"></el-table-column>
        <el-table-column label="街道" prop="projectStreet"></el-table-column>
        <el-table-column label="社区" prop="communityName"></el-table-column>
        <el-table-column label="物业地址" prop="addressInfo"></el-table-column>
        <el-table-column label="建筑面积(m²)" prop="buildArea"></el-table-column>
        <el-table-column label="物业数" prop="propertyNum"></el-table-column>
        <el-table-column width="200px" label="操作">
          <template slot-scope="scope">
            <el-button type="text" @click="handleRentalPropertyEdit(scope.row)">编辑</el-button>
            <span class="line">|</span>
            <el-button type="text" @click="handleRentalPropertyLook(scope.row)">查看</el-button>
          </template>
        </el-table-column>
      </el-table>
    </dataList>
    <messageSend ref="messageSend" @sendMessage="handleDoMessageSend"></messageSend>
  </div>
</template>

<script src="./index.js">

</script>

<style scoped lang="scss">
.page-box {
  .line {
    display: inline-block;
    padding: 0 10px;
  }
}
</style>
